/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.comments-reply li section{ width:88%}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	header[role="header"]{ padding:8% 0;}
	header[role="header"] nav ul{ padding-top:10%}
	main[role="main-home-wrapper"] article[role="pge-title-content"],main[role="main-inner-wrapper"] article[role="pge-title-content"]{ padding-left:0}
	main[role="main-home-wrapper"] article[role="pge-title-content"] header,main[role="main-inner-wrapper"] article[role="pge-title-content"] header{ padding-top:0}
	main[role="main-home-wrapper"] article[role="pge-title-content"] header h2,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2{ font-size:34px}
	main[role="main-home-wrapper"] article p br{ display:none}
	footer[role="footer"]{ padding:30px 0}
	footer[role="footer"] nav{ padding:15px 0}
	main[role="main-inner-wrapper"] .about-content{ padding:5%}
	main[role="main-inner-wrapper"] .thumbnails-pan section figure figcaption{ margin:0 10%}
	section.blog-content figure .post-date{ padding-top:20px; height:100px; width:100px}
	article.contact-header[role="pge-title-content"] p a{padding-right:10px}
	.contat-from-wrapper{ margin-top:10px; padding:0 15px}
	.grid-lod li{ width:100% !important; position:static !important; display:inline-block}
	.grid-lod li img{ width:100%}
	.work-details,.blog-details{ padding:0; margin-top:0}
	.comments-reply li section{ width:88%}
}
/* xs */
@media (max-width: 767px) {
	header[role="header"]{ padding:8% 0;}
	header[role="header"] nav ul{ padding-top:10%}
	header[role="header"] nav ul > li{ font-size:30px}
	header[role="header"] nav ul > li > a{ line-height:55px}
	main[role="main-home-wrapper"] article[role="pge-title-content"],main[role="main-inner-wrapper"] article[role="pge-title-content"]{ padding-left:0}
	main[role="main-home-wrapper"] article[role="pge-title-content"] header,main[role="main-inner-wrapper"] article[role="pge-title-content"] header{ padding-top:10px}
	main[role="main-home-wrapper"] article[role="pge-title-content"] header h2,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2{ font-size:47px}
	main[role="main-home-wrapper"] article[role="pge-title-content"] header h2 span, main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2 span{ font-size:60px;}
	main[role="main-home-wrapper"] article{ padding-bottom:30px}
	main[role="main-home-wrapper"] article p br{ display:none}
	footer[role="footer"]{ padding:40px 0}
	footer[role="footer"] nav{ padding:15px 0}
	main[role="main-inner-wrapper"] .about-content{ padding:5%}
	main[role="main-inner-wrapper"] .thumbnails-pan section figure{ margin-bottom:20px}
	article[role="pge-title-content"].blog-header,article[role="pge-title-content"].contact-header{ padding-bottom:30px}
	section.blog-content figure .post-date{ padding-top:20px; height:100px; width:100px}
	section.blog-content article{ padding:2% 5%; font-size:18px; line-height:24px;font-family: 'proxima_nova_cn_rgregular';}
	article.contact-header[role="pge-title-content"] p a{ font-size:18px; padding-right:10px}
	.contat-from-wrapper{ margin-top:10px; padding:0 15px}
	.contat-from-wrapper input[type="text"], .contat-from-wrapper input[type="email"]{ margin-bottom:20px}
	.contat-from-wrapper textarea{ margin-top:0}
	.work-details,.blog-details{ padding:0; margin-top:0}
	.work-images{ margin-top:0}
	.work-images li{ margin-bottom:0; width:100%}
	.work-images li figcaption h2{ font-size:18px;}
	.grid-lod li{ width:100% !important; position:static !important}
	.bog-header h3, .comments-pan h3, .commentys-form h4{ padding-bottom:0}
	.bog-header h2{ font-size:18px; line-height:26px}
	.bog-header{ padding-bottom:20px}
	.blog-details .enter-content{ margin-top:10px}
	.blog-details .enter-content p,.comments-reply li section{ font-size:14px; line-height:26px}
	.comments-pan h3{ padding-bottom:20px; margin-top:0}
	.comments-reply li section{ float:none; width:auto; padding-left:0}
	.comments-reply li figure{ margin-right:20px}
	.reply-pan{ margin-left:20px}
	.commentys-form input[type="text"], .commentys-form input[type="email"], .commentys-form input[type="url"], .commentys-form textarea{ margin-bottom:20px}
	.commentys-form textarea{ margin-top:0; margin-bottom:0}
	
}